<!DOCTYPE html>
<html lang="nl">
<head>
  <meta charset="utf-8">
  <title>HU Agenda</title>
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta name="description" content="">
  <meta name="author" content="">

  <!-- styles -->
  <link href="{{ url_for('static', filename='css/bootstrap.css') }}" rel="stylesheet">
  <style type="text/css">
    body {
      padding-top: 60px;
      padding-bottom: 40px;
    }
    .sidebar-nav {
      padding: 9px 0;
    }
  </style>
  <script type="text/javascript">
    function setFocus()
    {
      document.getElementById("fname").focus();
    }
  </script>
  <link href="{{ url_for('static', filename='css/bootstrap-responsive.css') }}" rel="stylesheet">
  <link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet">

  <!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
  <!--[if lt IE 9]>
    <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
  <![endif]-->

</head>

<body onload = "setFocus()">
<div class="navbar navbar-fixed-top">
  <div class="navbar-inner">
    <div class="container-fluid">
      <a class = "brand"><FONT COLOR="#00A1E1">H</FONT><FONT COLOR="#E63028">U</FONT> Agenda</a>
      <div class="btn-group pull-right">
        <a class="btn dropdown-toggle" data-toggle="dropdown" href="#">
          <i class="icon-user"></i>
          {% if session %}
            {{ session.username }}
          {% else %}
            Niet ingelogd...
          {% endif %}
          <span class="caret"></span>
        </a>
        <ul class="dropdown-menu">
          {% if session %}
            <li><a href="{{ url_for('signout') }}">Uitloggen</a></li>
          {% else %}
            <li><a href="{{ url_for('signin') }}">Inloggen</a></li>
          {% endif %}
        </ul>
      </div>
      <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
      </a>
      <div class="nav-collapse">
        <ul class="nav">
          <li><a href="{{ url_for('index') }}"><i class = "icon-home icon-white"></i>&nbsp;Home</a></li>
          <li><a href="{{ url_for('about') }}"><i class = "icon-info-sign icon-white"></i>&nbsp;Over HU Agenda</a></li>
          <li><a href="{{ url_for('search') }}"><i class = "icon-search icon-white"></i>&nbsp;Zoeken</a></li>
          <li><a href="{{ url_for('contact') }}"><i class = "icon-pencil icon-white"></i>&nbsp;Contact</a></li>
        </ul>
      </div><!--/.nav-collapse -->
    </div><!-- /container-fluid -->
  </div><!-- /navbar-inner -->
</div><!-- /navbar navbar-fixed-top -->
<div class="container-fluid">
  <div class="row-fluid">
    <div class="span8">
      <div class="hero-unit">
        <div class="row-fluid">
          <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
          {% block content %}
          {% endblock content %}
        </div><!--/row-fluid-->
      </div><!-- /hero-unit -->
    </div><!--/span8-->
    <div class="span4">
      <div class="well sidebar-nav">
        <ul class="nav nav-list">
          {% if today %}

            {% for event in today %}
              <li class="nav-header"> {{ event.title }}</li>
              <li><a href = "{{ url_for('show_event', ev_id=event.id, cal_id=0) }}"> {{ event.description }}</a>
            {% endfor %}

          {% else %}
            <li><em>Geen publieke evenementen!</em></li>
            <li>&nbsp;</li>
            <li>Voorbeeldje:</li>
            <li class = "nav-header">Mei</li>
            <li><a href = "#">01-05: Evenement 1</a></li>
            <li><a href = "#">13-05: Evenement 2</a></li>
            <li><a href = "#">25-05: Evenement 3</a></li>
            <li class = "nav-header">Juni</li>
            <li><a href = "#">02-06: Evenement 4</a></li>
            <li><a href = "#">14-06: Evenement 5</a></li>
            <li><a href = "#">26-06: Evenement 6</a></li>
            <li class = "nav-header">Juli</li>
            <li><a href = "#">03-07: Evenement 7</a></li>
            <li><a href = "#">15-07: Evenement 8</a></li>
            <li><a href = "#">27-07: Evenement 9</a></li>
            <li class = "nav-header">Augustus</li>
            <li><a href = "#">04-08: Evenement 10</a></li>
            <li><a href = "#">16-08: Evenement 11</a></li>
            <li><a href = "#">28-08: Evenement 12</a></li>
            <li class = "nav-header">September</li>
            <li><a href = "#">05-09: Evenement 13</a></li>
            <li><a href = "#">17-09: Evenement 14</a></li>
            <li><a href = "#">29-09: Evenement 15</a></li>
          {% endif %}
		</ul>
      </div><!--/well sidebar-nav -->
    </div><!--/span4-->
  </div><!--/row-fluid-->
  <hr>
  <footer><p>&copy; HU Agenda 2012 &reg;</p></footer>
</div><!--/container-fluid-->

<!-- javascript ================================================== -->
<script src="{{ url_for('static', filename='js/bootstrap-transition.js') }}"></script>
<script src="{{ url_for('static', filename='js/bootstrap-alert.js') }}"></script>
<script src="{{ url_for('static', filename='js/bootstrap-modal.js') }}"></script>
<script src="{{ url_for('static', filename='js/bootstrap-dropdown.js') }}"></script>
<script src="{{ url_for('static', filename='js/bootstrap-scrollspy.js') }}"></script>
<script src="{{ url_for('static', filename='js/bootstrap-tab.js') }}"></script>
<script src="{{ url_for('static', filename='js/bootstrap-tooltip.js') }}"></script>
<script src="{{ url_for('static', filename='js/bootstrap-popover.js') }}"></script>
<script src="{{ url_for('static', filename='js/bootstrap-button.js') }}"></script>
<script src="{{ url_for('static', filename='js/bootstrap-collapse.js') }}"></script>
<script src="{{ url_for('static', filename='js/bootstrap-carousel.js') }}"></script>
<script src="{{ url_for('static', filename='js/bootstrap-typeahead.js') }}"></script>

</body>
</html>